<template>
  <div>
    <h1>childA</h1>
    <h1 v-if="show">{{ msg }}</h1>
    <button @click="show = !show">show=!show</button>
  </div>
</template>

<script>
import hanmixin from "../mixins/hanmixin";
export default {
  data() {
    return {
      msg: "都精神精神",
      show: true,
    };
  },
  mixins: [hanmixin],
  beforeCreate() {
    console.log("childa beforeCreate");
  },

  created() {
    console.log("childa created");
    console.log(this);
  },
  beforeMount() {
    console.log("childa beforeMount");
  },
  mounted() {
    console.log("childa mounted");
  },
  beforeUpdate() {
    console.log("childa beforeUpdate");
  },
  updated() {
    console.log("childa updated");
  },
  beforeDestroy() {
    console.log("childa beforeDestroy");
  },
  destroyed() {
    console.log("childa destroyed");
  },
};
</script>

<style lang="scss" scoped>
</style>